@import "./variables.scss";


.el-input__wrapper {
  padding: 0px;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  &:hover{
    box-shadow: none;
    border: none;
  }
}

.el-form-item.is-error .el-input__wrapper {
  box-shadow: none;
}

.el-select .el-input {
  height: 35px;
}

.el-select .el-input__wrapper {
  border: 1px solid #373850;
  box-shadow: none;
}

.el-select .el-input__wrapper.is-focus {
  box-shadow: 0 0 0 0.02778rem #373850 inset !important;
}

.el-select .el-input.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 0.02778rem #373850 inset !important;
}

.el-input__wrapper.is-focus {
  box-shadow: none;
}

input[type=date]:focus,
input[type=text]:focus,
select:focus {
  border-color: #373850;
  box-shadow: none;
}

.input-item-text,
input[type=date],
input[type=text],
select {
  height: 40px;
}

.el-select .el-input__inner {
  border: none;
  margin-left: 15px;
}

/*.el-cascader .el-input.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 0.02778rem #fb4993 inset;
}*/

input[type=date],
input[type=text] {
  padding: 15px;
  background: #31315100;
  /*border: 1px solid #373850;*/
  border: none;
  color: #b6b6c4;
}

.el-input {
  border: 1px solid #767684;
  height: 45px;
}


.el-table .el-table__cell {
  padding: 15px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
  z-index: var(--el-table-index);
}

.el-button--small {
  padding: 0px;
}

.el-button--topSubButtom {
  height: 30px;
  font-weight: 600;
  font-size: 14px;
  color: $addButtonFontColor;
  background: $addButton;
  border: none;
  cursor: pointer;
  line-height: 1px;
  letter-spacing: 2px;
  border-radius: 24px;
  padding: 0 15px;
}

.el-button--topSubButtom:focus,
.el-button--topSubButtom:hover {
  color: $addButtonFontHoverColor;
  font-weight: bold;
  background: $addButtonHover;
}

.el-button--editel-button--topSubButtom.is-active,
.el-button--topSubButtom:active {
  color: #FFF;
}

//upd
.el-button--upd {
  width: 30px;
  height: 30px;
  font-weight: bold;
  font-size: 13px;
  color: #2d51e4;
  border: none;
  cursor: pointer;
  line-height: 1px;
  letter-spacing: 2px;
  background: rgba(250, 75, 143, 0);
  border: 1px solid #2d51e4;
  color: #2d51e4;
  border-radius: 5px;
}

.el-button--upd:focus,
.el-button--upd:hover {
  color: #fff;
  font-weight: bold;
  background: #2d51e4;
  border: none;
}

//allot
.el-button--allot {
  width: 30px;
  height: 30px;
  font-weight: bold;
  font-size: 13px;
  color: #c9f4f4;
  background: #18bdb8;
  border: none;
  cursor: pointer;
  line-height: 1px;
  letter-spacing: 2px;

  background: rgba(250, 75, 143, 0);
  border: 1px solid #18bdb8;
  color: #18bdb8;
  border-radius: 5px;
}

.el-button--allot:focus,
.el-button--allot:hover {
  color: #fff;
  font-weight: bold;
  background: #18bdb8;
  border: none;
}

.el-button--editel-button--allot.is-active,
.el-button--allot:active {
  color: #FFF;
}

//del
.el-button--del {
  width: 30px;
  height: 30px;
  font-weight: bold;
  font-size: 13px;
  color: #f4c9ed;
  background: #e62ba2;
  border: none;
  cursor: pointer;
  line-height: 1px;
  letter-spacing: 2px;

  background: rgba(250, 75, 143, 0);
  border: 1px solid #e62ba2;
  color: #e62ba2;
  border-radius: 5px;
}

.el-button--del:focus,
.el-button--del:hover {
  color: #fff;
  font-weight: bold;
  background: #e62ba2;
  border: none;
}

.el-button--editel-button--del.is-active,
.el-button--del:active {
  color: #FFF;
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
  border-bottom: 2px solid #1d2024;
}

.el-table thead th {
  color: #6c7174;
  font-size: 16px;
}

.el-table {
  background-color: $table-header;
}

.el-table th.el-table__cell {
  background-color: $table-header;
}

.el-table thead.is-group th.el-table__cell {
  background-color: $table-header;
}

.el-table tr {
  /* background-color: $table;*/
  background: rgba(0, 0, 0, 0);
  color: #bfc8cd;
  font-size: 15px;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: rgba(37, 63, 175, 0.3);
}

.el-table {
  --el-table-border-color: none;
  --el-table-border: 0.02778rem solid var(--el-table-border-color);
  --el-table-text-color: var(--el-text-color-regular);
  --el-table-header-text-color: var(--el-text-color-secondary);
  --el-table-row-hover-bg-color: var(--el-fill-color-light);
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
  --el-table-header-bg-color: var(--el-bg-color);
  --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  --el-table-bg-color: var(--el-fill-color-blank);
  --el-table-tr-bg-color: var(--el-bg-color);
  --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  --el-table-fixed-left-column: inset 0.27778rem 0 0.27778rem -0.27778rem rgba(0, 0, 0, 0.15);
  --el-table-fixed-right-column: inset -0.27778rem 0 0.27778rem -0.27778rem rgba(0, 0, 0, 0.15);
  --el-table-index: var(--el-index-normal);
  /*  height: 600px;*/
}

.el-table__body-wrapper {
  overflow: hidden;
  position: relative;
  flex: 1;
}

.el-menu {
  background: rgba(49, 49, 81, 0);
}

.el-menu--horizontal > .el-sub-menu .el-sub-menu__title {
  color: $menuColor;
}

.el-menu--horizontal.el-menu {
  border-bottom: none;
  padding: 15px 0px;
}

.el-menu--horizontal > .el-sub-menu.is-active .el-sub-menu__title {
  border-bottom: 2px solid #2d51e7;
  color: $menuClickColor;
}

.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid #2d51e7;
  color: $menuColor;
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
  background-color: rgba(0, 0, 0, 0.37);
}

.el-menu-item.is-active {
  color: $menuColor;
}

/*.el-scrollbar {
  overflow: hidden;
  position: relative;
  height: 100%;
}*/


.el-form--default.el-form--label-top .el-form-item .el-form-item__label {
  color: #d7d7e7;
}

.el-dialog {
  background: $table;
}

.el-dialog__title {
  color: $titleColor;
  font-size: 22px;
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label-wrap > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before {
  color: #ca518c;
}

.el-message-box {
  border: none;
  background: $table;
}

.el-message-box__title {
  color: $titleColor;
  font-size: 22px;
  text-align: center;
}

.el-message-box__btns {
  padding: 0.13889rem 0.41667rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 90px;
  /* text-align: center; */
}

.el-message-box__btns {
  .el-button {
    height: 50px;
    width: 45.5%;
    background: rgba(250, 75, 143, 0);
    border: 1px solid $buttonCanel;
    color: $buttonFontCanel;
  }

  .el-button--primary {
    background: $buttonSubmit;
    border: none;
    color: #ffffff;
  }
}

.el-message-box__message p {
  color: $label;
  font-size: 18px;
  margin: 20px 0px;
}

.el-message-box__container {
  position: relative;
  margin-left: 93px;
}

.el-select {
  width: 100%;
}

.el-input__suffix-inner {
  padding: 0px 20px;
}

.el-cascader {
  width: 100%;
}

.el-tree {
  background: rgba(0, 0, 0, 0);
  /* color: #9c9ac8;*/
  color: #cccccc;
  font-size: 13px;
}

.el-tree-node:focus > .el-tree-node__content {
  background-color: $treeClickColor;
  color: #ffffff;
}

.el-tree-node__content:hover {
  background-color: $treeHoverColor;
  color: #ffffff;
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: $treeColor;
  color: #ffffff;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #2744c4;
  border: none;
  color: #d9d9d9;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  /* background-color: var(--el-checkbox-checked-bg-color);
   border-color: var(--el-checkbox-checked-input-border-color);*/
  border-color: #2744c4;
  background-color: rgba(229, 71, 136, 0);
  color: #d9d9d9;
}

.el-checkbox__inner {
  border-color: #2744c4;
  background-color: rgba(229, 71, 136, 0);
}

.el-checkbox__inner:hover {
  border-color: #2744c4;
}

.is-guttered {
  padding-right: 0px;
  padding-left: 0px;
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
  border-color: #2744c4;
  background-color: rgba(229, 71, 136, 0);
  color: #d9d9d9;
}

.el-cascader-menu {
  border-right: none;
}

.el-menu--horizontal .el-menu .el-menu-item.is-active,
.el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title {
  color: #7a94ff;
}

.el-popper.is-light {
  border: none;
  background: #313d4b;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
  color: #ffffff;
  background-color: $treeColor;
}

.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
  background-color: $treeHoverColor;
  color: #ffffff;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: $treeHoverColor;
  color: #ffffff;
}

.el-select-dropdown__item {
  color: #b6b6c4;
}

.el-select-dropdown__item.selected {
  background-color: $treeColor;
  color: #ffffff;
}

.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .el-pager li.is-active {
  background-color: rgba(37, 63, 175, 0.58);
  color: #ffffff;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
  background-color: #38386a;
  color: #ffffff;
}

.el-pagination.is-background .btn-next.is-disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.is-disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.is-disabled,
.el-pagination.is-background .el-pager li:disabled {
  background-color: #252628;
  color: #d0d3d5;
}

.el-table__empty-text {
  line-height: 1.66667rem;
  width: 50%;
  color: var(--el-text-color-secondary);
  font-size: 18px;
  margin-top: 100px;
}

.el-menu--horizontal > .el-menu-item {
  color: $menuColor;
}

.el-menu--horizontal > .el-menu-item.is-active {
  --el-menu-active-color: #e4e6e7;
}

.el-dialog__header {
  margin-right: 0px;
  letter-spacing: 2px;

}

.el-tabs--border-card > .el-tabs__header {
  background-color: $massage-panel-color;
  border: $massage-panel-color;
  /*  border-bottom: 0.01rem solid #454545;*/
  margin: 0;
  position: absolute;
  top: 20px;
  left: 53%;
}

.el-tabs--border-card {
  /* border-radius: 0.38889rem;*/
  background: $massage-panel-color;
  border: $massage-panel-color;
  border-top: 1px solid #25272b;
  margin-top: 20px;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: #ffffff;
  background-color: #575757;
  border-right-color: #000000;
  border-left-color: #000000;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: #c1c1c1;
}

.el-tabs__item.is-active {
  color: #ffffff;
  background-color: $treeColor;
}

.el-tabs--left .el-tabs__nav-wrap.is-left::after {
  background-color: #6a6a6a;
  /* border: black 2px solid; */
}

.el-tabs__active-bar {
  background-color: $treeColor;
}

.el-tabs__item {
  color: #999999;
}

.el-tabs__item:hover {
  color: #bfbfbf
}

.el-cascader-node__label {
  color: #ffffff;
}

.el-popper.is-light .el-popper__arrow::before {
  background-color: rgba(0, 0, 0, 0);
  border: none;
}

.el-radio-button__inner {
  background: #c6c6c6;
  border: none;
  border-left: 1px solid;
}

.el-date-editor .el-range-input {
  color: #bababa;
}

.el-date-editor .el-range-separator {
  color: #bababa;
}

.el-date-editor.el-input__wrapper {
  box-shadow: 0 0 0 0.02778rem rgba(186, 186, 186, 0.31) inset;
  margin-top: 2px;
}

.el-table__expand-icon {
  color: #ffffff;
}

//lable 换行
.el-table .cell {

  white-space: pre-line;
  font-size: 14px;
}

.el-tabs__header th div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-radio-button__original-radio:checked + .el-radio-button__inner {
  color: var(--el-radio-button-checked-text-color, var(--el-color-white));
  background-color: #215891;
  border-color: #215891;
  box-shadow: -0.025rem 0 0 0 #215891;
}

.el-radio-button__inner {
  background: #33343569;
  border: none;
  border-left: 0.025rem solid #3a3737;
  color: #979797;
}

.el-radio-button:first-child .el-radio-button__inner {
  border-left: #3a3737;
}
.selectViewIcon{
  .el-input__suffix-inner {
    padding: 0px;
  }
}

.selectView {
  width: 160px;
  margin-right: 20px;
  .el-select .el-input__inner {
    margin-right: 0px;
  }

  .el-input {
    height: 32px;
    border: none;
  }

  .el-input__wrapper {
    border: none;
    box-shadow: 0 0 0 0.02778rem rgba(186, 186, 186, 0.31) inset;
  }
}
.el-input-number__decrease, .el-input-number__increase{
  background-color: #215891;
  border-right: none;
  border-left: none;
  border-radius: 2px;
}
.inputNum{
  height: 35px;
  .el-input{
    height: 35px;
    border: none;
    box-shadow: 0 0 0 0.02778rem rgba(186, 186, 186, 0.31) inset;
    border-radius: 2px;
  }
  .el-icon{
    color: #d7d7e7;
  }
  .el-input__inner{

    color: #d7d7e7;
  }
}
.editDialog{
  .el-input {
    height: 35px;
  }
}
.editElTimeDialog{
  .el-input__suffix{
    display: none;
  }
}